@charset "utf-8";

/*==============================================================================================*/
/*common-css
/*==============================================================================================*/

* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, li, body, form, input, button, img, cite, strong, em, table, td, th {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, h7, em {font-weight:bold;font-style:normal;}
body{ margin:0; padding:0; font:300%/150% "微软雅黑",tahoma,vernada; font-size:14px; line-height:23px; color:#333; min-width:1300px;}
.fz { margin:0 auto; width:1200px;min-width:1200px}
.fz1{margin:0 auto; width:1300px;min-width:1300px}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
li { list-style:none;}
a { text-decoration:none;color:#333333;}
img { border:0;}

/*==============================================================================================*/
/*top-css
/*==============================================================================================*/
.topcom{ margin-bottom:20px;}
.topdh{width:285px;padding-top: 30px;color: #666;}
.topdh img{ float:left; margin-right:10px; padding-top:5px;}
.topdh .dianhua p:nth-child(2){ float:right;}
.topdh .dianhua p:nth-child(3){ text-align:center; display:block; clear:both; padding-left:40px;}
.nav ul li{ float:left; padding:0 25px;text-align: center;height: 60px;line-height: 60px;font-size: 16px;}
.nav ul li a{ color:#fff;}
.nav ul li:nth-child(1){background-image:none;}
.nav ul li:hover{background:#ff711b;}
.topnav{ background:#0d90c4;}



/*------内页banner------*/
.ibanner {
	width:100%;
	overflow:hidden;
	display:block;
	margin-top:0px;
	position:relative;
}
.ibanner .bd {
	width:100%;
	background-position: center 0px;
	background-repeat: no-repeat;
}

.ibanner .crumb{
	width:100%;
	position:absolute;
	z-index:100;
	height:45px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	
}
.ibanner .backdrop{
	position:absolute;
	display:block;
	overflow:hidden;
	width:100%;
	background:#000;
	left:0px;
	bottom:0px;
	z-index:100;
	height:45px;
	filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5;
	overflow:hidden;
}
.ibanner .crumb ul{
	width:1200px;
	margin:0 auto;
	z-index:100;
	height:60px;
	overflow:hidden;
}

.ibanner .crumb ul li{
	float:left;
	display:block;
	padding:0px 12px 0px 8px;
	text-align:left;
}

.ibanner .crumb ul li i{
	color:#FFF;
	font-size:18px;
}

.ibanner .crumb ul li:last-child{
	background:none;
}

.ibanner .crumb ul li a{
	display:block;
	line-height:45px;
	font-size:14px;
	color:#fff;
}



/*==============================================================================================*/
/*procust-css
/*==============================================================================================*/
.sy_pro{ margin-top:60px;}
.sy_pro01{ width:250px;}
.sy_prol_01{ text-align:center; height:120px; line-height:120px; background:#0d90c4;color: #FFF;font-size: 30px;font-weight: bold;}
.sy_prol_02 dl{display: block;border: #e5e5e5 solid 1px;}
.sy_prol_02 dt{background: url(../images/lefticon.jpg) no-repeat left center; text-indent: 50px;line-height: 75px;border-bottom: #e5e5e5 solid 1px;font-size: 18px; border-top: #e5e5e5 solid 1px;}
.sy_prol_02 dt:hover a{ color:#0d90c4;}
.sy_prol_02 dl ul{width: 210px;margin: 5px auto;display: block;}
.sy_prol_02 dl ul li{height: 30px;line-height: 30px; font-size:14px;}
.sy_prol_02 li:hover a{color:#0d90c4;}

.sy_pro02{ width:910px;}
.sy_pro02 li{float:left;margin:0 7px 30px 7px;width:287px; border: #e5e5e5 solid 1px;}
.sy_pro02 li b{display: block;border-top: #e5e5e5 solid 1px; margin: 0;padding: 0;text-align: center;font-weight: 100;height: 42px;
line-height: 42px; font-size:14px;}
.sy_pro02 li a:hover{ color:#0d90c4;}

/*==============================================================================================*/
/*advantage-css
/*==============================================================================================*/

.adv_title01{background:#000; height:2px; width:40px; margin:50px auto 20px auto;}
.adv_title02{text-align:center; margin:10px auto; font-size:32px; font-weight:bold;}
.adv_title02{color:#0d90c4;}
.adv_title03{ text-align:center;}
#hhys{background:url(../images/ysbg.jpg) no-repeat center #f6f8fa; height:660px; margin-top:50px;}
#hhys .hhyscon{width:1240px; margin:auto;}
#hhys .hhyscon ul{ display:block; padding-top:57px;}
#hhys .hhyscon ul li{float:left; display:block; width:300px; height:90px;  padding-top:18px; margin-left:40px; line-height:18px;}
#hhys .hhyscon ul li b{color:#0d90c4; font-size:18px; display:block; margin-bottom:5px;}
#hhys .hhyscon .marleft{margin-left:600px;}

/*==============================================================================================*/
/*sy_about-css
/*==============================================================================================*/

.sy_about{  background:#f6f8fa; padding:60px 0;}

.abouttitle{font-size:30px; color:#0d90c4;font-weight:bold;padding:0 20px 0px;line-height:1px;border-left:100px solid #CCC;border-right:100px solid #CCC;text-align:center;width: 135px; margin:35px auto 80px;}
.cl:after{ content:""; display:block; clear:both;}
.aboutleft{ float:left;}
.aboutright{float:left;  width:465px; height: 307px;padding:10px 30px; font-size:16px; line-height:25px;}
.aboutright .pname{color:#0d90c4; margin:0 0 15px 0; padding:0; font-size:18px;}
.aboutright .pname b{ font-size:20px;}
.aboutmore{ background:#0d90c4;border-radius:10px; text-align:center;width:100px; float:right; margin-top:20px;}
.aboutmore a{padding:5px 10px; color:#fff;}
.aboutright:hover .aboutmore{ background:#ff6000;}
.sy_about_br p{ text-indent:2em;}

#tab_list table tr{border: 1px solid #e7e7e7; }
#tab_list table td{border: 1px solid #e7e7e7; line-height:35px; padding:5px;}
.show{display: block;}
.hide{display: none;}

.sy_case{ margin:60px auto;}
#tab_list{ text-align:center;}
.sy_case01{height: 44px;font-size: 18px; text-align:center; font-weight:bold;}
#ul1 li{ float:left; text-align:center; width:120px;}
.ul2{ width:300px;}
#ul1{ width:245px; margin:0 auto; line-height:44px;}
#ul1 .active a{ color:#0d90c4;}
#tab_list dl{ margin-top:20px; height:203px; position: relative;}
#tab_list dl dd{ float:left; margin-right:20px;}
#tab_list dl dd a{width:280px;}
.sy_case02{ margin:0; padding:0}
.sy_case03{background:rgba(0,0,0,0.5);; position: absolute;margin-top:-40px;line-height:35px;text-align: center;color: #FFF;z-index: 11;display: block;width: 280px;}




/*==============================================================================================*/
/*bottom-css
/*==============================================================================================*/

.footer{ background:#272d33; padding:30px 0;color:#c1c1c1;}
.footer a{color:#c1c1c1;}
.footer a:hover{text-decoration:underline; cursor:pointer;}
.friendlink li{ float:left; color:#c1c1c1; font-size:14px;}
.friendlink li a{padding:0 10px;}
.friendlink li:before{ content:"|";}
.friendlink li:nth-child(1):before,.friendlink li:nth-child(2):before{ content:normal;}
.friendlink{ border-bottom:1px #646464 solid; padding-bottom:15px;}
.footcon{ text-align:center; margin-top:20px;}
#inner_footer .friendlink { display:none;}





/*==============================================================================================*/
/*about-css
/*==============================================================================================*/
.main_box{ margin-bottom:80px; margin-top:60px;}
.about_a{float:left; width:900px;}
.about_a hr{ color:#f2f2f2;background:#e6e6e6;height: 1px;border: none; margin:5px 0;}
.mianbaoxie{ padding:15px 0; margin-top:10px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.pcur li{ float:left; color:#666;}
.pcur li a{ color:#666;}
.pcur li a:after{ content:">"; padding:0 5px;}
.pcur li a:hover{ color:#0d90c4;}
.ptitle{ color:#0d90c4; font-size:18px; font-weight:bold;border-left:2px solid #0d90c4; padding-left:10px; }


/*==============================================================================================*/
/*ablums-css
/*==============================================================================================*/

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter {position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber {display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.layout_default{float:left; margin:5px; width:290px;}
.meta{ text-align:center; margin-top:5px;}
.image_container img{border:1px solid #CCC;width:100%;}

.layout_default:hover img{ border:1px solid #0d90c4;}
.layout_default:hover a{color:#0d90c4;}



/*==============================================================================================*/
/*cate-css
/*==============================================================================================*/

.cate_box {
	margin-bottom:20px;
	display:block;
	height:75px;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.cate {
	width:1200px;
	height:75px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	position:relative;
}

.cate ul {
	position:absolute;
	width:1200px;
	display:block;
	height:75px;
	left:0px;
	top:0px;
	z-index:20;
}

.cate li {
	float:left;
	list-style:none;
	padding:0px 20px;
	overflow:hidden;
	display:inline-block;
}
.cate li div {
	display:block;
	line-height:36px;
}
.cate li div span {
	display:block;
	line-height:36px;
	cursor:pointer;
}
.cate li a {
	display:block;
	font-size:16px;
	line-height:74px;
}
.cate li a:hover {
}
.cate li.cur {
	color:#025baf;
	border-bottom:#025baf solid 2px;
}
.cate li.cur a {
	color:#025baf;
}
.cate li .onhvr {
	color:#F90;
}
.cate li ul {
	display:none
}
.cate .root {
	background:#e8e8e8;
}
.cate .root span {
	color:#FFF;
	padding-left:15px;
}
.cate .root.cur span {
	color:#fff;
}

/*==============================================================================================*/
/*desc-css
/*==============================================================================================*/

.arclist,.abmlist,.prolist,.content{ width:900px;}
.pro_pro{ width:515px;}
.pro_pro img{ width:100%;}
.pro_desc{margin-left:30px;margin-top: 30px; width:355px;}
.pro_desc01 h1{ font-size:20px; padding-bottom:10px; border-bottom:1px dashed #dedede; font-weight:bold; margin-bottom:20px;}
.hd{ text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; font-weight:bold;}
.goods-info h2{ font-size:16px;}

.sy_pro02 h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:30px;}
.new_rel h2{ color:#0763c8; border-left:2px #0763c8 solid; padding-left:10px; margin-bottom:20px; font-size:18px;}
.new_rel{ padding:30px 20px; border:1px #dedede solid;}
.new_rel ul li{ float:left; width:429px; padding-bottom:5px;}
.new_rel a{ color:#666;}
.new_rel ul li:before{ content:"○ "; font-size:16px; font-weight:bold;}
.new_rel ul li:hover a{ color:#0763c8;}

.newlist li{ border-bottom:1px dashed #cecece; padding:15px; width:410px; float:left; margin:0 5px;}
.newlist li:hover{ background:#f7f7f7;}
.newlist li:hover .news01{color:#0763c8;}
.news01{ font-size:16px;}
.time{ color:#999; padding:5px 0;}
.news02{ color:#666; max-height:46px; overflow:hidden;height:46px;}

.news .thd{ text-align:center; font-size:18px;border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:20px; }
.news .thd h1{ font-size:20px;}
.news .thd font {display:block;color:#CCC;text-align:center;font-size:12px;line-height:20px; margin-top:10px;}

.new_rec h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:50px;}
.new_rec li{  border-bottom:1px dashed #cecece; padding:15px; width:410px; float:left; margin:0 5px;}
.new_rec li:hover{ background:#f7f7f7;}
.new_rec li:hover .news01{color:#0763c8;}

.next_map{ color:#666;}
.next_map a{ color:#666;}
.next_map a:hover{ color:#0763c8;}
.next_map div{ float:left; margin-right:40px; padding-top:40px;}


.albums_rec h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:50px;}
.news img{ display:block; margin:0 auto;}
.albums_rec li{ width:215px; float:left; text-align:center; margin:0 5px;}
.albums_rec li img{ width:100%;border:1px #cecece solid;}
.albums_rec li:hover img{ border:1px solid #0763c8;}
.albums_rec li:hover a{ color:#0763c8;}


/*==============================================================================================*/
/*page-css
/*==============================================================================================*/

.page{ text-align:center; margin-top:40px; clear:both;}
.page span{padding:5px 10px;}
.selected{ color:#fff; background:#0d90c4;}
.page_list a{ padding:5px 10px;border:1px #f3f3f3 solid; margin:0 5px;}
.page_rows{border:1px #f3f3f3 solid;}
.page_list a .selected{background:#0d90c4;}


/*==============================================================================================*/
/*浮动框
/*==============================================================================================*/

.kefu{position: fixed;bottom:30%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index: 20;right:0;width:45px}
.kefu ul li{height:45px;cursor:pointer;position:relative}
.kefu ul li.top{color:#fff;font-weight:800;text-align:center;line-height:45px;position:relative;width:45px;cursor:pointer}
.kefu ul li.top span{position:absolute;overflow:hidden;display:block;left:0;top:0px;height:45px;width:45px;background:#272d33 url(../images/czx1.png) no-repeat center;}
.kefu ul li.top:hover{background:#0d90c4;}
.kefu ul li.top:hover span{background:url(../images/czx2.png) no-repeat center;}









/*--------- 优势 ---------*/
.advantage { width:100%; overflow:hidden; background:#f8f8f8; margin-top:80px; padding:50px 0;}
.advantage_title { width:817px; height:150px;margin:0 auto;}
.advantage_title_t { text-align:center; color:#535353;padding-top:20px; }
.advantage_title_t01 { color:#252525; font-size:40px; font-weight:bold;}
.advantage_title_t02 { color:#0d90c4; font-size:40px; font-weight:bold;}
.advantage_title_i { color:#666666; font-size:16px; text-align:center;} 

.advantage01 { width:100%; height:400px;  }
.advantage01_info_fz { width:50%;}
.advantage01_info_l { width:650px;}
.advantage01_info_r{background:url(../images/ys01.jpg) no-repeat left top; height:400px; width:50%;}
.ad_title { margin-top:55px;overflow:hidden;}
.ad_title_l { font-size:40px; font-family:"impact"; width:80px; height:80px; line-height:80px; border:3px solid #efeeee; color:#0d90c4; text-align:center;transition:all 1s;}
.advantage01:hover .ad_title_l {  border:3px solid #0d90c4; color:#fff; background:#0d90c4;transition:all 1s;}
.ad_title_r  { width:530px;  line-height:80px;font-size:42px; font-weight:bold; color:#535353;transition:all 1s;}
.ad_title_i { font-size:30px; margin: 20px 0 10px 0;}
.advantage01:hover .ad_title_r  { width:510px; transition:all 1s;}
.ad_title_r span {  color:#0d90c4; display:block;} 
.ad_info { line-height:30px; width:500px; color:#666; font-size:16px; margin-top:30px;}
.ad_info span { color:#0d90c4;}
.ad_zx  { margin-top:60px;}
.ad_zx a{ display:inline-block; padding:8px 60px; border:1px solid #cecece; color:#666; transition:all 0.6s;}
.ad_zx a:hover{  border:1px solid #0d90c4; color:#fff; background:#0d90c4; border-radius:20px; transition:all 0.6s;}


.advantage02 { width:100%; height:400px; }
.advantage02_info_fz { width:50%;}
.advantage02_info_l { width:650px;}
.advantage02_info_r{background:url(../images/ys02.jpg) no-repeat left top; height:400px; width:50%;}
.advantage02:hover .ad_title_l {  border:3px solid #0d90c4; color:#fff; background:#0d90c4;transition:all 1s;}
.advantage02:hover .ad_title_r  { width:510px; transition:all 1s;}

.advantage03 { width:100%; height:400px; }
.advantage03_info_fz { width:50%;}
.advantage03_info_l { width:650px;}
.advantage03_info_r{background:url(../images/ys03.jpg) no-repeat left top; height:400px; width:50%;}
.advantage03:hover .ad_title_l {  border:3px solid #0d90c4; color:#fff; background:#0d90c4;transition:all 1s;}
.advantage03:hover .ad_title_r  { width:510px; transition:all 1s;}

.advantage04 { width:100%; height:400px; }
.advantage04_info_fz { width:50%;}
.advantage04_info_l { width:650px;}
.advantage04_info_r{background:url(../images/ys04.jpg) no-repeat left top; height:400px; width:50%;}
.advantage04:hover .ad_title_l {  border:3px solid #0d90c4; color:#fff; background:#0d90c4;transition:all 1s;}
.advantage04:hover .ad_title_r  { width:510px; transition:all 1s;}



/*--------- 关于我们 ---------*/

.tit01{ box-sizing: border-box; text-align: center; font-family: "Microsoft YaHei";font-size: 40px; color: #333333; display: block;  font-weight: normal;}
.tit01 a{color: #333333;}
.tit01 i{font-weight: bold;color: #0d90c4;}
.tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 20px; color: #666666; display: block; font-weight: normal;}

/**/
.aboutbj{background: #f5f5f5;height: 764px; font-family:"Microsoft Yahei";padding-top:80px; margin-top:80px;box-sizing: border-box; overflow: hidden; }
.aboutbj .tit01{margin-bottom: 55px;}
.about{overflow: hidden; position: relative; margin-bottom: 100px;}
.about dl{width:1200px;}
.about dl dt{width:701px;overflow: hidden; float: right;}
.about dl dt img{ width:700px; height:450px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd { width:455px; box-sizing: border-box; float: left; }
.about dl dd em{ font-style:normal;height: 44px; line-height: 44px;  display: block; font-size: 40px; color:#0d90c4; text-align: left; text-transform: uppercase; }
.about dl h3{height:50px; text-align: left;  line-height: 50px; font-size: 30px; color: #0d90c4; font-weight: bold; margin-bottom:40px; }
.about dl h3 a{color: #333333; font-weight:100; text-decoration: none; }
.about dl p{height: 172px; font-size: 14px; color: #666666;line-height: 25px; text-align: justify;}
.about dl dd span a{ display: block; background:#0d90c4; border:1px solid #0d90c4; margin-top:30px;  width: 200px; height: 49px; line-height: 49px ;text-align:center; font-size: 16px; color: #fff; transition:all 0.6s }
.about dl dd span a:hover{  background:#f5f5f5;  border:1px solid #0d90c4; color: #0d90c4; border-radius:30px; transition:all 0.6s }
.about .desc{ height: 384px; }


/**/
.help_cut{padding-top: 70px; height: 370px; box-sizing: border-box;}
.help_nav{height: 30px; margin-bottom: 20px; position: relative; }
.help_nav:before{content: ""; width: 402px; background:url() no-repeat; height: 5px; left:0;top:13px;position: absolute;}
.help_nav:after{content: ""; width: 402px; background:url() no-repeat; height: 5px; right:0;top:13px;position: absolute;}
.help_nav ul{width: 400px; margin:0 auto;}
.help_nav li{ height: 30px; line-height: 30px; text-align: center;padding:0 30px; font-size: 18px; color: #666666; float: left;background: url() no-repeat right center;  }
.help_nav li a{ text-decoration: none; color: #333333; }
.help_nav li.cur{ }
.help_nav li.cur a{ font-weight: bold; color: #0d90c4; }
.help_nav li:last-child{background: none;}

.m_help{ height:208px;width: 1200px; position: relative; }
.jt{width:14px; height: 26px; position: absolute;display: block; top:80px;}
.prev1{background: url() no-repeat; left:-40px;left: 0;}
.next1{background: url() no-repeat; right:-40px;right: -100px;}
.xc{width:1200px;  overflow: hidden;margin-left: 50px;}
.xc li{ width:293px; position:relative;margin-right: 9px; float: left; }
.xc li img{ display:block;width:293px; height:164px;box-shadow: 0 0px 10px 0px  #ebebeb;}
.xc li em{ height:50px;  font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}



/*--------- 新闻资讯 ---------*/
.sy_news { margin:50px auto;}
.sy_news ul li { width:30%; margin-left:3.3333%; float:left;}
.sy_news ul li:nth-child(1) {  margin-left:0;}
.news_t  h3{ font-size:25px; float:left; font-weight:100; display:inline-block;}
.news_t  a { float:right; width:20px; height:20px; line-height:18px; margin-top:5px; border-radius:20px; font-size:14px; color:#797979; text-align:center; border:1px solid #e5e5e5; display:block; }
.news_t  a:hover {  color:#0d90c4; border:1px solid #0d90c4;  }
.news_img { margin-top:30px;} 
.news_i { margin-top:20px;}
.news_i ul dd{ margin-bottom:10px;}
.news_i ul dd a { height:25px; line-height:25px; display:block; color:#333333; padding-left:20px; background:url(../images/ty01.png) no-repeat left center;}
.news_i ul dd a:hover {  background:url(../images/ty02.png) no-repeat left center;color:#0d90c4;}




.side-bar a,.chat-tips i {background: url(../images/right_bg.png) no-repeat;} 
.side-bar {width: 66px;position: fixed;bottom:50px;right: 25px;font-size: 0;line-height: 0;z-index: 100;} 
.side-bar a {width: 66px;height: 66px;display: inline-block;background-color: #bababa;margin-bottom: 2px;} 
.side-bar a:hover {background-color: #669fdd;} 
.side-bar .icon-qq {background-position: 0 -0px;} 
.side-bar .icon-chat {background-position: 0 -62px;position: relative;} 
.side-bar .icon-blog {background-position: 0 -130px;} 
.side-bar .icon-top {background-position: 0 -198px;} 


.icon-chat {
position: relative;
}

.icon-chat img.qrcode {
position: absolute;
z-index: 99;
top: -35px;
right:120px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top right;
opacity: 0;
border: .3125rem solid #fff;
border-radius: .25rem;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}


.icon-chat:hover img.qrcode {transform: scale(1);opacity: 1;}

.chat-tips img{ display:none;}
.icon-chat:hover img{ display:block; right:60px;}